<template>
  <div>
    <Card v-for="(item,index) in dateList" :key="index" style="margin: 10px" :value="item"> // (item,index) in 数组   item相当于 数组[下标] index相当于 循环元素 i
      <p>{{ item.id }}</p> // 这个是直接选中 然后就按大括号
      <p>{{ item.name }}</p>
      <p>{{ item.age }}</p>
      <p>{{ item }}</p>   // 我想知道怎么直接选中 你自己来试试  我先弄一个  你选择这个item 然后按大括号中的左括号 怎么一次选择 单词这样的 直接双击就全选懂了
    </Card>
    <Input type="textarea" style="margin: 10px;width: 98.5%"></Input>
    <Button type="info" style="float: right ; margin: 10px">提交</Button>
  </div>
</template>

<script>
export default {
  name: "comments",
  data(){
    return{
      value1: 'card',
      dateList:[
        {
          id:1,
          name:'刘心怡',
          age:18
        },
        {
          id:2,
          name:'郑帆',
          age:23
        }
      ],
    }
  }
}
</script>

<style scoped>

</style>